<?php if (!defined('THINK_PATH')) exit();?><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>主要内容区main</title>
<link href="/loveshow/Public/Css/admin/css.css" type="text/css" rel="stylesheet" />
<link href="/loveshow/Public/Css/admin/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="/loveshow/Public/Js/kindeditor/kindeditor.js"></script>
  <script type="text/javascript" src="/loveshow/Public/Js/jquery-validation-1.14.0/lib/jquery-1.11.1.js"></script>
<script type="text/javascript" src="/loveshow/Public/Js/jquery-validation-1.14.0/dist/jquery.validate.js"></script>
<style>
input.error { border: 1px solid red; }
label.error {
  background:url("./demo/images/unchecked.gif") no-repeat 0px 0px;
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
}
label.checked {
  background:url("./demo/images/checked.gif") no-repeat 0px 0px;
}


body{overflow-x:hidden; background:#f2f0f5; padding:15px 0px 10px 5px;}
#searchmain{ font-size:12px;}
#search{ font-size:12px; background:#548fc9; margin:10px 10px 0 0; display:inline; width:100%; color:#FFF}
#search form span{height:40px; line-height:40px; padding:0 0px 0 10px; float:left;}
#search form input.text-word{height:24px; line-height:24px; width:180px; margin:8px 0 6px 0; padding:0 0px 0 10px; float:left; border:1px solid #FFF;}
#search form input.text-but{height:24px; line-height:24px; width:55px; background:url(images/main/list_input.jpg) no-repeat left top; border:none; cursor:pointer; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; color:#666; float:left; margin:8px 0 0 6px; display:inline;}
#search a.add{ background:url(/loveshow/Public/Images/admin/add.jpg) no-repeat 0px 6px; padding:0 10px 0 26px; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#FFF}
#search a:hover.add{ text-decoration:underline; color:#d2e9ff;}
#main-tab{ border:1px solid #eaeaea; background:#FFF; font-size:12px;}
#main-tab th{ font-size:12px; background:url(/loveshow/Public/Images/admin/list_bg.jpg) repeat-x; height:32px; line-height:32px;}
#main-tab td{ font-size:12px; line-height:40px;}
#main-tab td a{ font-size:12px; color:#548fc9;}
#main-tab td a:hover{color:#565656; text-decoration:underline;}
.bordertop{ border-top:1px solid #ebebeb}
.borderright{ border-right:1px solid #ebebeb}
.borderbottom{ border-bottom:1px solid #ebebeb}
.borderleft{ border-left:1px solid #ebebeb}
.gray{ color:#dbdbdb;}
td.fenye{ padding:10px 0 0 0; text-align:right;}
.bggray{ background:#f9f9f9; font-size:14px; font-weight:bold; padding:10px 10px 10px 0; width:120px;}
.main-for{ padding:10px;}
.main-for input.text-word{ width:310px; height:36px; line-height:36px; border:#ebebeb 1px solid; background:#FFF; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; padding:0 10px;}
.main-for select{ width:310px; height:36px; line-height:36px; border:#ebebeb 1px solid; background:#FFF; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; color:#666;}
.main-for input.text-but{ width:100px; height:40px; line-height:30px; border: 1px solid #cdcdcd; background:#e6e6e6; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; color:#969696; float:left; margin:0 10px 0 0; display:inline; cursor:pointer; font-size:14px; font-weight:bold;}
#addinfo a{ font-size:14px; font-weight:bold; background:url(/loveshow/Public/Images/admin/addinfoblack.jpg) no-repeat 0 1px; padding:0px 0 0px 20px; line-height:45px;}
#addinfo a:hover{ background:url(/loveshow/Public/Images/admin/addinfoblue.jpg) no-repeat 0 1px;}
</style>
<script>
var editor;
KindEditor.ready(function(e){
    editor = e.create("[name=basic]",{
        width:"700px",
        height:"260px",
        afterBlur:function(){this.sync();}
    });
});
</script>
<script>
var editor;
KindEditor.ready(function(e){
    editor = e.create("[name=annunciate_w]",{
        width:"700px",
        height:"260px",
        afterBlur:function(){this.sync();}
    });
});
</script>
</head>
<body>
<!--main_top-->
<table width="99%" border="0" cellspacing="0" cellpadding="0" id="searchmain">
  <tr>
    <td width="99%" align="left" valign="top">您的位置：用户管理&nbsp;&nbsp;>&nbsp;&nbsp;添加用户</td>
  </tr>
  <tr>
    <td align="left" valign="top" id="addinfo">
    </td>
  </tr>
  <tr>
    <td align="left" valign="top">
      <form method="post" action="/loveshow/index.php/Annunciate/annunciateAdd" enctype="multipart/form-data" id="form">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" id="main-tab">
      <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
        <td align="right"  valign="middle" class="borderright borderbottom bggray" >通告名称：</td>
        <td align="left" valign="middle" class="borderright borderbottom main-for">
        <input type="text" name="annunciate_r" value="" class="text-word" id="annunciate_r"><span class="error"></span>
        </td>
        </tr>
        <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
        <td align="right"  valign="middle" class="borderright borderbottom bggray" >通告地点</td>
        <td align="left" valign="middle" class="borderright borderbottom main-for">
        <input type="text" name="address" value="" class="text-word" id="annunciate_r"><span class="error"></span>
        </td>
        </tr>
        
        
         <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
        <td align="right"  valign="middle" class="borderright borderbottom bggray" >联系电话</td>
        <td align="left" valign="middle" class="borderright borderbottom main-for">
        <input type="text" name="tel" value="" class="text-word" id="annunciate_r"><span class="error"></span>
        </td>
        </tr>
        
        
        <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
        <td align="right"  valign="middle" class="borderright borderbottom bggray" >报名截止时间</td>
        <td align="left" valign="middle" class="borderright borderbottom main-for">
        <input type="text" name="applystime" value="" class="text-word" id="annunciate_r"><span class="error"></span>
        </td>
        </tr>
        
        
        
        <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
        <td align="right" valign="middle" class="borderright borderbottom bggray"  class="" id="">基本信息</td>
        <td >
        <textarea rows="7" cols="40" name="basic"></textarea>
        </td>
        </tr>
        <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
        <td align="right" valign="middle" class="borderright borderbottom bggray"  class="" id="">通告内容</td>
        <td >
        <textarea rows="7" cols="40" name="annunciate_w"></textarea>
        </td>
        </tr>
        
      <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
        <td align="right" valign="middle" class="borderright borderbottom bggray"  class="annunciate_p">通告图片：</td>
        <td><input type="file" name='annunciate_p'/></td>
        </tr>
      <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
        <td align="right" valign="middle" class="borderright borderbottom bggray">&nbsp;</td>
        <td align="left" valign="middle" class="borderright borderbottom main-for">
        <input name="" type="submit" value="提交" class="text-but" id="submit">
        <input name="" type="reset" value="重置" class="text-but"></td>
        </tr>
    </table>
    </form>
    </td>
    </tr>
</table>
</body>
</html>
<script>
//  $(function () {
//    var tag = false;
//    $('#username').blur(function () {
//      if ($(this).val() == '') {
//        $(this).attr('style','border:1px solid orange');
//        $(this).next().html('**账号由6-12为数字、字母和下划线组成');
//        tag = false;
//      } else {
//        $(this).removeAttr('style');
//        $(this).next().html('');
//        tag = true;
//      }
//    });
//
//    $('form').submit(function () {
//      //检查分类名称是否填写
//      $('#username').trigger('blur');
//      //检查分类选择
//      /* if (tag) {
//       $('.level').trigger('blur');
//       }*/
//      //判断是否提交
//      return tag;
//    });
//  });



  $(function(){
    // $('.text-word').click(function(){
    //   if($('#form').valid())
    //   {
    //     $('#form').submit();
    //   }
    // })


    $('#form').validate({
      rules: {
        username: {
          required: true,
        },

        tel: {
          required: true,
          minlength: 11,
          // 自定义方法：校验手机号在数据库中是否存在
          // checkPhoneExist : true,
          isMobile: true,
        },


        password: {
          required: true,
          digits: true,
          minlength: 6,
        },
        password2: {
          required: true,
          digits: true,
          minlength: 6,
          equalTo: "#password"
        },

        truename: {
          required: true,

        },

        id_card: {
          required: true,
          digits: true,
          minlength: 18,
        },

        email: {
          required: true,
          email:true,

        },
      },




      messages:{
        username:{
          required:'* 用户名不能为空',
        },

        tel : {
          required : "* 请输入手机号",
          minlength : "* 确认手机不能小于11个字符",
          isMobile : "* 请正确填写您的手机号码"
        },

        password:{
          required:'* 密码不能为空',
          digits:'* 密码必须为纯数字',
          minlength: '* 密码长度不能小于6位数',
        },
        password2:{
          required:'* 密码不能为空',
          digits:'* 密码必须为纯数字',
          minlength: '* 密码长度不能小于6位数',
          equalTo: "* 两次密码输入不一致",
        },
        truename:{
          required:'* 姓名不能为空，且为真实姓名',
        },
        id_card:{
          required:'* 不能为空',
          digits:'* 密码必须为纯数字',
          minlength: '* 长度必须为18位数',
        },
        email:{
          required: '* 不能为空',
          email:'* 请输入正确邮箱',
        },
      }

    });
    jQuery.validator.addMethod("isMobile", function(value, element) {
      var length = value.length;
      var mobile = /^1[3|4|5|7|8]\d{9}$/;
      return (length == 11 && mobile.exec(value))? true:false;
    }, "请正确填写您的手机号码");

  });
</script>